.footer {
    padding    : ratio(2);
    background : #fff;
    color      : #34495e;
}

.heading.-footer {
    font-family : $font-family-sans-serif2;
    font-weight : 700;
    display     : inline-block;
    color       : #34495e;

    &:hover {
        text-decoration : none;
        color           : darken(#34495e, 15);
    }
}

.icons.-footer {
    height      : 100%;
    padding-bottom: ratio(1);
    // display     : flex;
    // align-items : center;
}

.icon.-footer {
    color         : #34495e;
    border-radius : ratio(2);
    padding       : ratio(-1);
    margin-left   : 5px;
    transition    : color, background .2s ease-in-out;

    &:hover {
        color      : darken(#34495e, 15%);
        background : darken(#fff, 5%);
    }
}
